.page{
  width: 100%;
  height: 100px;
margin: 0%;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
}
.wrapper {
  display: grid;
  grid-area: 1/1/1/1;
  grid-template-columns: 20% 20% 20% 20% 20%;
  grid-template-rows: 30% 70%;
  background-color: #ffffff;
}

.header {
  grid-area: 1/1/2/6;
  background-color: #444444;
  text-align: center;
  
}

.title {
  color: #e5e5e5;
  font-size: 46px;
  font-weight: 400;
}

.left-list {
grid-area: 2/1/3/2;
margin-right: 96px;
background-color: #c4c4c4;
}

.right-list{
  grid-area: 2/2/3/6;
}
.detail {
  border: 1px solid #018dc4;
  -webkit-border-radius: 90px;
  border-radius: 90px;color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #0199d9;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}




.detail-1 {
position: relative;
margin-top: 21px;
margin-left: 42px;
max-width: 216px;
height: 56px;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
color: #000000;
font-size: 48px;
font-weight: 400;
}

.caption-1 {
position: relative;
margin-top: 17px;
margin-left: 42px;
max-width: 216px;
height: 56px;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
color: #000000;
font-size: 48px;
font-weight: 400;
}

.overlayer {
position: relative;
border-width: 1px;
border-style: solid;
border-radius: 45px;
border-color: rgba(0, 0, 0, 1);
background-color: #c4c4c4;
width: 120px;
height: 120px;
}

.layer {
position: relative;
margin-top: 92px;
border-radius: 45px;
background-color: #c4c4c4;
width: 120px;
height: 120px;
}

.mask {
position: relative;
margin-top: 92px;
border-radius: 45px;
background-color: #c4c4c4;
width: 120px;
height: 120px;
}

.overlayer-1 {
position: relative;
margin-top: 92px;
border-radius: 45px;
background-color: #c4c4c4;
width: 120px;
height: 120px;
}



.stm {
position: relative;
max-width: 207px;
height: 56px;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
color: #000000;
font-size: 48px;
font-weight: 400;
}


.stm-1 {
position: relative;
margin-top: 92px;
max-width: 207px;
height: 56px;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
color: #000000;
font-size: 48px;
font-weight: 400;
}



.idxxxxx-3 {
position: relative;
margin-top: 7px;
text-align: left;
color: #000000;
font-size: 48px;
font-weight: 400;
}


.list {
display: flex;
align-items: flex-start;
flex-direction: column;
margin-top: 77px;
white-space: nowrap;
}


.detail {
font-weight: 400;
font-size: 48px;
color: #ffffff;
text-align: left;
position: static;
float: none;
clear: none;
max-width: 195px;
overflow: hidden;
text-overflow: ellipsis;
}





}